/*
    Document   : default
    Created on : Jul 19, 2011, 5:17:10 PM
    Author     : Ayden
    Description:
        Purpose of the stylesheet follows.
*/

/*
   TODO customize this sample style
   Syntax recommendation http://www.w3.org/TR/REC-CSS2/
*/

html {
}

body {
    background-color: white;
}

#Header_center, #belt_top_center, #main, #menu_center{
    margin: 0 auto 0 auto;
    width: 1200px;
    height: 100%;
}

a, a:link, a:visited {
    color:#bbb;
    text-decoration:none
}

#Header {
    height: 100px;
    background-color: grey;
}

#Header_center {
}

#title {
    height: 100%;
    width: 256px;
    background-image: url("../images/logoAtomic.png");
}

#belt_top {
    height: 2px;
    background-color: black;
}

#belt_top_center {
    background-color: #ffbf00;
}

#main {
    padding-top: 20px;
    min-height: 500px;
    background-color: white;
}

.module {
    margin: 0 auto 0 auto;
    width: 620px;
}

.module input {
  border:1px solid #eee;
  background:#fff;
  font:inherit;
}

.module input:hover {
    border:1px solid #da3b3b;
    background:#fff
}

.module input[type=submit] {
    padding:5px;
    border:3px solid #eee;
    background:#fff;
    font:inherit;
}

.module input[type=submit]:hover {
    padding:5px;
    border:3px solid #da3b3b;
    background:#fff
}

.module textarea {
    border:1px solid #eee;
    background:#fff;
    font:inherit;
}

.module textarea:hover {
    border:1px solid #da3b3b;
    background:#fff
}

.module label {
    display: block;
    width: 180px;
    float: left;
    text-align: right;
}

.module .element {
    padding: 5px;
}

.module a:hover {
    color: red;
}

.titleContainer {
    text-align: center;
}

.titleContainer h1{
    font-size: 28pt;
    padding: 16px;
    margin: 0px;
}

.li_elem_left {
    min-width: 300px;
    float: left;
}

.li_elem_right {
}

#menu {
    background-color: #333333;
    height: 36px;
}

#menu_center {
}

#menu_container {
    float:left;
    width:100%;
}

#menu_container li {
    list-style:none;
    float:left;
    border-right:1px solid #ffbf00;
    padding:10px 30px;
    font:13px Verdana, Arial;
    font-weight:700;
    color:#da3b3b;
}

#menu_container li:hover {
    color: #ccc;
}

select {
    border:1px solid #eee;
    width: 200px;
}

select:hover {
    border:1px solid #da3b3b;
    width: 200px;
}


#blocderoulant_error 
{ 
    padding-top: 20px; 
    position:relative; 
    z-index:100; 
    width:100%; 
    left:0; 
} 
#deroulant_error
{
    margin-bottom: 5px;
    margin: 0 auto 0 auto;
    text-align: center;
    padding: 5px;
    width:900px;
    display: none;
}
#deroulant_error textarea {
    width: 606px;
    height: 150px
}
#blocaction_error
{ 
z-index:100; 
background-color: #333333; 
width:850px; 
color:#ffffff; 
font-size:12px; 
margin-left:auto; 
margin-right:auto; 
text-align:left; 
padding-left:10px; 
cursor:pointer; 
}
#blocderoulant_console
{ 
    padding-top: 20px; 
    position:relative; 
    z-index:100; 
    width:100%; 
    left:0; 
} 
#deroulant_console
{
    margin-bottom: 5px;
    margin: 0 auto 0 auto;
    text-align: center;
    padding: 5px;
    display: none;
}
#deroulant_console textarea {
    margin: 0 auto 0 auto;
    width: 606px;
    height: 150px
}
#blocaction_console
{ 
z-index:100; 
background-color: #333333; 
width:850px; 
color:#ffffff; 
font-size:12px; 
margin-left:auto; 
margin-right:auto; 
text-align:left; 
padding-left:10px; 
cursor:pointer; 
}
#blocderoulant 
{ 
    padding-top: 20px; 
    position:absolute; 
    z-index:100; 
    width:100%; 
    left:0; 
} 
#deroulant 
{
    margin-bottom: 20px;
    padding: 20px;
    border: 1px solid #ccc;
    display:none; 
    width:900px; 
    margin-left:auto; 
    margin-right:auto; 
} 
#blocaction 
{ 
z-index:100; 
background-color: #333333; 
width:850px; 
color:#ffffff; 
font-size:12px; 
margin-left:auto; 
margin-right:auto; 
text-align:left; 
padding-left:10px; 
cursor:pointer; 
} 